.engineering {
    width: 100%;
    min-height: 100%;
    background-color: #f5f7fa;
    
    .engineering-header {
        background-color: #fff;
        padding: 16px 24px;
        border-bottom: 1px solid #e8e8e8;
        
        h1 {
            font-size: 20px;
            color: #333;
            margin: 0;
            font-weight: 500;
        }
    }

    .engineering-content {
        max-width: 1200px;
        margin: 20px auto;
        padding: 0 20px;

        .carousel-section {
            margin-bottom: 20px;
            background: #fff;
            padding: 20px;
            border-radius: 4px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
            
            :global {
                .ant-carousel {
                    .slick-slide {
                        text-align: center;
                        height: 400px;
                        line-height: 400px;
                        background: #fff;
                        overflow: hidden;
                        
                        img {
                            width: 100%;
                            height: 100%;
                            object-fit: cover;
                        }
                    }

                    .custom-dots {
                        bottom: 10px;
                        
                        li {
                            width: 24px;
                            height: 3px;
                            border-radius: 0;
                            background: rgba(255, 255, 255, 0.4);
                            margin: 0 4px;
                            
                            &.slick-active {
                                background: #fff;
                            }
                            
                            button {
                                display: none;
                            }
                        }
                    }
                }
            }
        }

        .info-section {
            background: #fff;
            padding: 20px;
            border-radius: 4px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);

            .info-table {
                :global {
                    .ant-table {
                        .ant-table-thead {
                            display: none;
                        }

                        .ant-table-cell {
                            background-color: transparent;
                            border-color: #e8e8e8;
                            padding: 12px 16px;
                            
                            &.label-column {
                                color: #666;
                                background-color: #f7f9fc;
                            }
                            
                            &.value-column {
                                color: #333;
                            }
                        }

                        .even-row {
                            .ant-table-cell {
                                background-color: #fff;
                                &.label-column {
                                    background-color: #f7f9fc;
                                }
                            }
                        }

                        .odd-row {
                            .ant-table-cell {
                                background-color: #f7f9fc;
                                &.label-column {
                                    background-color: #f0f5ff;
                                }
                            }
                        }
                    }
                }
            }

            .district-intro {
                margin-top: 20px;
                background-color: #fff;
                border-top: 1px solid #e8e8e8;
                padding-top: 20px;

                h3 {
                    font-size: 16px;
                    font-weight: 500;
                    color: #333;
                    margin-bottom: 16px;
                }

                p {
                    font-size: 14px;
                    line-height: 1.8;
                    color: #666;
                    text-align: justify;
                    margin: 0;
                }
            }
        }
    }
}